<#assign module="gasstation"/>

<@override name="header">
<link rel="stylesheet" href="${ctx}/assets/css/form.css">
</@override>
<@override name="body">

<div class="row">
	<div class="col-xs-8">
		<ul class="nav nav-tabs">
            <li><a href="${ctx}/gasstation/edit/${gsid}">基本信息</a></li>
            <li><a href="${ctx}/gasstation/editGasPrice/${gsid}">油价设置</a></li>
            <li><a href="${ctx}/gasstation/paymentsRecord/${gsid}">资金流水</a></li>
            <li class="active"><a href="${ctx}/gasstation/review/${gsid}">油站评价</a></li>
        </ul>
	</div>
    <div class="col-xs-4">
    	<button class="pull-right btn btn-primary addReview"><i class="icon-plus"></i>&nbsp;添加评价</button>
	</div>
</div>

        <div class="panel-body">
            <table class="table table-condensed table-striped" >
				<tbody id="review_tbody">
					<tr>
						<th style='width:40%;'>内容</th>
						<th style='width:10%;'>评分</th>
						<th style='width:10%;'>客户姓名</th>
						<th style='width:15%;'>订单号</th>
						<th style='width:15%;'>时间</th>
						<th style='width:10%;'>操作</th>
					</tr>
				</tbody>
			</table>
			<div style="text-align:center" id="NoData"></div>
			<ul class="pagination pull-left pagination-sm pageshow" style="display:none;">
				<li><a></a></li>
			</ul>
			<ul class="pagination pull-left pagination-sm pagedata" style="display:none;">
		    </ul>
        </div>
	

<!--添加评价-->
<div class="form-horizontal" >
	<div class="modal fade" id="dialog_review"  data-backdrop="static">
	   <div class="modal-dialog" style="width:680px;">
	     <div class="modal-content">
	    	<div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-hidden="false">&times;</button>
	        	<h4 class="modal-title">添加评价</h4>
	        </div>
		    <div class="modal-body">
	      	<form id="submit_form" action="" method="post" class="form-horizontal">
	      		<input type="hidden" name="starLevel" id="starLevel" />
	      		<div class="tab-content">
	      			<div class="tab-pane in active" id="basicInfo">
			    	    <div class="panel margin-top">
							<div class="panel-body" style="margin-left:0px">
				                <div class="form-group">
					                <label class="col-sm-3 control-label"><em>*</em>&ensp;客户姓名：</label>
					                <div class="col-sm-9">
					                	<input id="clientName" name="clientName" class="form-control" maxLength="6"></input>
					                </div>
				                </div>
				                <div class="form-group">
					                <label class="col-sm-3 control-label"><em>*</em>&ensp;客户电话：</label>
					                <div class="col-sm-9">
					                	<input id="clientPhone" name="clientPhone" class="form-control" maxLength="11"></input>
					                </div>
				                </div>
				                <div class="form-group">
					                <label class="col-sm-3 control-label">&ensp;油站：</label>
					                <div class="col-sm-9" style="margin-top:10px;">
					                	<label>${gasStationName} 服务号  ${serviceNo}</label>
					                </div>
				                </div>
				                <div class="form-group">
				                    <label class="col-sm-3 control-label"><em>*</em>评分：</label>
				                    <div id="rateDiv" class="col-sm-1 form-control-static" style="width:70px;">
				                    </div>
				                    <div class="col-sm-2 form-control-static">
				                    	<div id="rateChose"></div>
				                    </div>
				                </div>
				                <div class="form-group">
					                <label class="col-sm-3 control-label"><em>*</em>&ensp;内容：</label>
					                <div class="col-sm-9">
					                	<textarea id="content" name="content" cols="20" rows="3"; maxLength="50" class="form-control" ></textarea>
					                	<span>最多不超过50个字符，已输入<span id="putWords" style="color:red;">0</span>个字符。</span>
					                </div>
				                </div>
							</div>
						</div>
					</div>
					
					<div class="form-group">
						<div class="col-sm-4">
						</div>
			   			<input id="save" type="button" class="btn btn-primary" value="确定">
			   			<input type="button" class="btn btn-default" id="close_modal" value="关闭">
					</div>
					
				 </div>
				
		  	</form>
	     	</div>
	     </div>
	  </div>
	</div>
</div>

</@override>
<@override name="footer">
<script type="text/javascript">
window.daijia = {ctx : '${ctx}', gsid:'${gsid}',gasStationName : '${gasStationName}' ,serviceNo : '${serviceNo}'};
</script>
<script src="${ctx}/assets/js/jquery.raty.js"></script>
<script src="${ctx}/assets/js/datepicker.js"></script>
<script src="${ctx}/assets/js/jquery.paging.min.js"></script>
<script src="${ctx}/assets/js/gasstation/review.js"></script>
</@override>
<@extends name="../layout.ftl"/>